{% extends "../../_basic.twig" %}

{% block header %}
    <link rel="stylesheet" href="./index.css?v={{random()}}">
{% endblock %}

{% block body %}
    <div>      
        <h3>默认</h3>   
        <aux-view class="auc-checkbox">
            <input type="checkbox" id="f-option1" name="selector">
            <label for="f-option1">checkbox 1</label>
            <aux-view class="auc-checkbox__check"></aux-view>
        </aux-view>
        <aux-view class="auc-checkbox">
            <input type="checkbox" id="f-option2" name="selector">
            <label for="f-option2">checkbox 2</label>
            <aux-view class="auc-checkbox__check"></aux-view>
        </aux-view>
        <aux-view class="auc-checkbox">
            <input type="checkbox" id="f-option3" name="selector">
            <label for="f-option3">checkbox 3</label>
            <aux-view class="auc-checkbox__check"></aux-view>
        </aux-view>
    </div>
{% endblock %}

    